.index-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 140rpx;
		width: 100%;
		position: relative;
		// background-color: #11943F;
		.homebg {
			position: fixed;
			left: 0;
			z-index: 2;
			top: 0;
			width: 100%;

			.homebgimg {
				width: 100%;
				display: block;

			}
		}

		.content-inner {
			border-radius: 20rpx;
			overflow: hidden;
			// background-color: #fdf4f4;
			width: 100%;
			position: relative;
			z-index: 3;
			// padding-left: 24rpx;
			// padding-right: 24rpx;
			.header{
				color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 34rpx;
				font-weight: 500;
			}
			.top {
				width: 100%;
				// padding-top: 60rpx;
				.sj {
					width: 100%;
					padding: 30rpx;
					// height: 200rpx;
					background-color: #fff;
					border-radius: 10rpx;
					
					.have{
						display: flex;
						justify-content: space-between;
						.info{
							.desc{
								color: #999;
							}
							.name{
								margin-top: 15rpx;
							}
						}
						.logo{
							width: 100rpx;
							height: 100rpx;
							border-radius: 50%;
							// background-color: #FF9400;
							.img{
								display: block;
								width: 100%;
								height: 100%;
							}
						}
					}
					.none{
						min-height: 100rpx;
						width: 100%;
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
					}
					
				}
				.zf{
					// margin-top: 20rpx;
					width: 100%;
					padding: 30rpx;
					// height: 200rpx;
					background-color: #fff;
					border-radius: 10rpx;
					.desc{
						
					}
					.zf-info{
						margin-top: 10rpx;
						padding: 15rpx 0;
						display: flex;
						align-items: center;
						justify-content: center;
						border-bottom: 1px solid #edf0f2;
						.tips{
							flex-shrink: 0;
							font-size: 38rpx;
						}
						
						.sr{
							flex: 1;
							padding-left: 10rpx;
						}
					}
				}
			}
			.middle{
				margin-top: 20rpx;
				.yh{
					background-color: #fff;
					border-radius: 10rpx;
					padding:30rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					.label{
						
					}
					.val{
						.have{
							display: flex;
							align-items: center;
							.cpuponval{
								padding-right: 10rpx;
							}
						}
						.none{
							color: #979797;
						}
					}
				}
				.yue{
					margin-top: 20rpx;
					background-color: #fff;
					border-radius: 10rpx;
					padding:30rpx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					.label{
						display: flex;
						align-items: center;
						.icon{
							width: 35rpx;
							height: 28rpx;
							.icon-img{
								display: block;
								width: 100%;
								height: 100%;
							}
						}
						.text{
							padding-left: 8rpx;
						}
					}
					.val{
						display: flex;
						.cz{
							color: #ED2920;
							padding-left: 10px;
						}
					}
				}
				.zffs{
					margin-top: 20rpx;
					background-color: #fff;
					border-radius: 10rpx;
					padding:30rpx;
					// display: flex;
					// align-items: center;
					// justify-content: space-between;
					.val{
						// display: flex;
						
						.fs{
							margin-top: 20rpx;
							padding:  30rpx;
							display: flex;
							align-items: center;
							justify-content: space-between;
							border: 1px solid #edf0f2;
							width: 100%;
							border-radius: 10rpx;
							.fs-left{
								display: flex;
								align-items: center;
								.icon{
									width: 37rpx;
									height: 37rpx;
									.icon-img{
										display: block;
										width: 100%;
										height: 100%;
									}
								}
								.text{
									padding-left: 8rpx;
								}
								.zhekou{
									padding-left: 8rpx;
								}
								.shifu{
									padding-left: 5rpx;
									display: flex;
									align-items: center;
									.price{
										color: #ED2920;
									}
								}
							}
							.fs-right{
								width: 36rpx;
								height: 36rpx;
								.img-cont{
									display: block;
									width: 100%;
									height: 100%;
								}
							}
							
						}
					}
					
				}
			}
			.footer{
				margin-top: 60rpx;
				background-color: #fff;
				border-radius: 10rpx;
				padding:30rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				position: fixed;
				left: 0;
				bottom: 120rpx;
				z-index: 2;
				width: 100%;
				border-top: 1px solid #edf0f2;
				.footer-left{
					display: flex;
					align-items: center;
					.text{
						font-size: 32rpx;
						font-weight: 600;
					}
					.price{
						display: flex;
						align-items: baseline;
						color: #ED2920;
						padding-left: 5rpx;
						.tips{
							font-size: 24rpx;
						}
						.val{
							font-size: 32rpx;
							font-weight: 600;
						}
					}
				}
				.footer-right{
					.btn{
						width: 220rpx;
						height: 70rpx;
						color: #fff;
						background-color: #ED2920;
						border-radius: 40rpx;
						display: flex;
						align-items: center;
						justify-content: center;
					}
				}
			}
		}
		.conponCont{
			height: 60vh;
			
			background-color: #F5F5F5;
			overflow: hidden;
			position: relative;
			border-radius: 20rpx 20rpx 0 0;
			display: flex;
		    flex-direction: column;		
			.top{
				flex-shrink: 0;
			    width: 100%;
				background-color: #fff;
				width: 100%;
				border-bottom: 1px solid #edf0f2;
				
				.tit{
					height: 80rpx;
					font-weight: 500;
					font-size: 32rpx;
					position: relative;
					text-align: center;
					display: flex;
					padding-top: 30rpx;
					justify-content: center;
					.close{
						position: absolute;
						padding: 30rpx;
						right: 0;
						top: 0;
					}
				}
				.check{
					display: flex;
					.check-item{
						width: 50%;
						height: 80rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						color: #6A6A6A;
					}
					.active-check{
						color: #ED2920;
					}
				}
			}
			.info{
				flex: 1;
				overflow-y: scroll;
				padding: 30rpx 24rpx 0 24rpx;
				.none{
					height: 100%;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.text{
						margin-top: 10rpx;
						color: #999;
					}
				}
				.coupon-item{
					margin-bottom: 30rpx;
					.item-info{
						height: 220rpx;
						// background-color: #fff;
						border-radius: 10rpx;
						overflow: hidden;
						display: flex;
						flex-direction: column;
						color: #ED2920;
						position: relative;
						.bgcoupon {
							position: absolute;
							left: 0;
							top: 0;
							width: 100%;
							height: 100%;
						
							.img {
								display: block;
								width: 100%;
								height: 100%;
							}
						}
						.info-inner{
							flex: 1;
							display: flex;
							// align-items: center;
							position: relative;
							z-index: 2;
						.left-box {
							height: 100%;
							width: 186rpx;
							position: relative;
							z-index: 2;
							display: flex;
							flex-direction: column;
							align-items: center;
							justify-content: center;
							.coupon-num-box {
								color: #fff;
								font-size: 70rpx;
								font-family: D-DIN Exp-DINExp, D-DIN Exp-DINExp;
								font-weight: bold;
								color: #FFFFFF;
								line-height: 70rpx;
						
								text {
									font-size: 22rpx;
									font-family: Source Han Sans CN, Source Han Sans CN;
									font-weight: bold;
									color: #FFFFFF;
									line-height: 26rpx;
								}
							}
						
							.coupon-rule {
								margin-top: 20rpx;
								font-size: 20rpx;
								font-family: PingFang SC, PingFang SC;
								font-weight: 500;
								color: #FFFFFF;
								line-height: 23rpx;
							}
						}
						.middle{
							padding-left: 36rpx;
							padding-right: 36rpx;
							flex: 1;
							padding-top: 32rpx;
							
							.ctop{
								display: flex;
								justify-content: space-between;
								.coupon-title {
									font-size: 30rpx;
									font-family: Source Han Sans CN, Source Han Sans CN;
									font-weight: bold;
									color: #202020;
									line-height: 35rpx;
								}
							}
							.desc{
								padding-top: 30rpx;
								font-size: 26rpx;
								color: #999;
							}
							
						}
							.right{
								flex-shrink: 0;
								padding-right: 20rpx;
								display: flex;
								align-items: center;
								justify-content: center;
								padding-right: 30rpx;
								.check{
									width: 40rpx;
									height: 40rpx;
									.img-cont{
										display: block;
										width: 100%;
										height: 100%;
									}
								}
								
							}
						}
					}
				}
			}
		}
	}